<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <script src="vue.js"></script>
</head>
<body>
<div id="app">{{mesg}}</div>
<script>
  var vm=new Vue({
     el:"#app",
     data:{
        mesg:"ni hao"
     },
//    template:"<div>hello world</div>"
      beforeCreate:function(){
         console.log("beforeCreate")
      },
      created:function(){
          console.log("created")
      },
      beforeMount:function(){
          console.log(this.el)
          console.log("beforeMount")
      },
      mounted:function(){
         console.log(this.$el)
          console.log("mounted")
      },
     beforeDestroy:function(){
          console.log("beforeDestroy")
     },
     destroyed:function(){
          console.log("destroyed")
     },
     beforeUpdate:function(){
          console.log("beforeUpdate")
     },
     updated:function(){
         console.log("updated")
     }
  })
</script>
</body>
</html>
